<template>
  <div>

    <router-view></router-view>
  </div>
</template>


<script>
// import ChatGPT from './components/ChatGPT.vue'
// import chatTop from './components/ChatTop.vue'
import backGround from './pages/Login.vue'
import Registry from './pages/Registry.vue'
import router from './router'
// import Canvas from './utils/canvas-nest.js'
export default {
  name: 'App',
  components: {
	// chatTop,
    // ChatGPT
	backGround,
	Registry,
	// Canvas
  },
/*看板娘初始化
		   参数说明
		   model 模型的配置
		      json 文件资源路径，可以支持网络路径，此处使用的是相对路径
		      scale 模型缩放系数
		   display 模型布局
		      position 位置
		      width 宽度
		      height 高度
		      hOffset 水平偏移量
		      vOffset 垂直偏移量
		   mobile 移动端配置
		      show 显示/隐藏
		      scale 缩放比例
		   react 模型矩形框样式
		      opacity 透明度
		      opacityDefault 默认透明度
		      opacityOnHover 鼠标悬浮透明度
		 */
		// created() {
		//       setTimeout(() => {
		//         window.L2Dwidget.init({
		    //       pluginRootPath: '../live2dw/',
		    //       pluginJsPath: 'lib/',
		    //       pluginModelPath: 'live2d-widget-model-haru_2/assets/', //中间这个haru_2就是你的老婆,想换个老婆,换这个就可以了
		    //       tagMode: false,
		    //       debug: false,
		    //       model: { jsonPath: '../live2dw/live2d-widget-model-haru_2/assets/haru02.model.json' },
		    //       display: { position: 'right', width: 200, height: 400 },  //调整大小,和位置
		    //       mobile: { show: true },   //要不要盯着你的鼠标看
				  // opacity:1,
		    //       log: false,
		
		
		// 	   "model": {
		// 	     jsonPath: "../live2dw/live2d-widget-model-shizuku/assets/shizuku.model.json",
		// 	     "scale": 1
		// 	   },
		// 	   "display": {
		// 	     "position": "right",
		// 	     "width": 150,
		// 	     "height": 300,
		// 	     "hOffset": 0,
		// 	     "vOffset": -20,
		// 	     zIndex: -1
		// 	   },
		// 	   "mobile": {
		// 	     "show": true,
		// 	     "scale": 0.5
		// 	   },
		// 	   "react": {
		// 	     opacity: 0.5,
		// 	     "opacityDefault": 0.2,
		// 	     "opacityOnHover": 0.2
		// 	   }
		//         })
		//       }, 1000)
		// }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
canvas{
    background: rgb(226, 225, 225);
    opacity: 0.3;
}
</style>
